<template>
  <div class="t-item-section" :style="styles">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: "TItemSection",
  props: {
    extend: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    styles() {
      const style = {};
      if (this.extend) style.flex = 1;
      return style;
    }
  }
};
</script>
<style lang="less">
.t-item-section {
  display: flex;
  align-items: center;
}
</style>
